@charset "utf-8";
$tea:#eac180;


@mixin icon($width,$height,$url) {
	content: '';
	width: $width;
	height: $height;
	display: inline-block;
	vertical-align: text-bottom;
	background: url('../images/'+$url) no-repeat center/$width $height;
}

@mixin color-block($width,$height,$color) {
	content: '';
	width: $width;
	height: $height;
	display: inline-block;
	background-color: $color;
	vertical-align: text-bottom;
}

@mixin transition($time) {
	-webkit-transition: all $time ease 0s;
	-moz-transition: all $time ease 0s;
	-ms-transition: all $time ease 0s;
	-o-transition: all $time ease 0s;
	transition: all $time ease 0s;
}

@mixin omit{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@mixin ellipsis($num) {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $num;
}



.banner{
	.swiper-pagination-bullet{
		width:10px;
		height:10px;
		border-radius: 5px;
		transform: translate(0,-50%);
		vertical-align: middle;
		display:inline-block;
		background-color:#FFFFFF;
		margin:0 8px;
		cursor:pointer;
		text-indent:-9999px;
		opacity: 1;
		&.swiper-pagination-bullet-active{
			width:40px;
			height: 10px;
			opacity: 1;
			background-repeat: no-repeat;
			background-position: center;
			background-color: $tea;
		}
	}
}


// .other-link{
// 	width: 100%;
// 	background: #f8f8f8;
// 	.hot{
// 		float: left;
// 		li{
// 			float: left;
// 			color: #222222;
// 			font-size: 14px;
// 			line-height: 86px;
// 			display: inline-block;
// 			&:not(:first-of-type) + li::before{
// 				margin: 0 10px;
// 				@include color-block(1px,15px,#7a7a7a);
// 			}
// 			a{
// 				@include transition(.5s);
// 			}
// 			&:hover{
// 				a{
// 					color: $tea;
// 				}
// 			}
// 		}
// 	}
// 	.search{
// 		width: 300px;
// 		height: 35px;
// 		float: right;
// 		background-color: #e8e8e8;
// 		margin-top: 25px;
// 		border-radius: 20px;
// 		overflow: hidden;
// 		border:1px solid #e5e5e5;
// 		input{
// 			float: left;
// 			width: 225px;
// 			height: 35px;
// 			color: #989898;
// 			font-size: 15px;
// 			line-height: 35px;
// 			text-indent: 22px;
// 		}
// 		button{
// 			width: 75px;
// 			float: left;
// 			height: 35px;
// 			border: none;
// 			outline: none;
// 			cursor: pointer;
// 			border-radius: 0 20px 20px 0;
// 			background:#FFFFFF url("../images/head_search.png") no-repeat center center/20px 20px;
// 		}
// 	}
// }


.itit{
	text-align: center;
	padding: 0.35rem 0 0.3rem;
	h2{
		color: #000000;
		font-size: 0.3rem;
		font-weight: bold;
	}
	p{
		font-size: 0.18rem;
		line-height: 0.36rem;
		color: #666666;
	}
}


.page-btn{
	display: flex;
	padding: 0.5rem 0;
	text-align: center;
	position: relative;
	align-items: flex-end;
	justify-content: center;
	
	.ipro-next,.ipro-prev{
		z-index: 1;
		width: 0.08rem;
		height: 0.15rem;
		outline: none;
		vertical-align: bottom;
		display: inline-block;
		background-size: 0.08rem 0.15rem;
	}
	.ipro-next{
		right: 0.2rem;
		background-image: url('../images/ipro-r.png');
	}
	.ipro-prev{
		left: 0.2rem;
		background-image: url('../images/ipro-l.png');
	}
	
	.swiper-pagination{
		position: relative;
		margin: 0 0.2rem;
	}
	
	.swiper-pagination-bullet{
		display: inline-block;
		border-radius: 0;
		width: 0.3rem;
		height: 0.02rem;
		opacity: 1;
		background-color: #eaeaea;
		&.swiper-pagination-bullet-active{
			background-color: $tea;
		}
	}
}


// ipro
.ipro{
	.swiper-container{
		.swiper-slide{
			.img-box{
				width: 3.1rem;
				height: 4.6rem;
				overflow: hidden;
				position: relative;
				img{
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
				
				.mask{
					width: 100%;
					height: 100%;
					z-index: 0;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					position: absolute;
					&::after{
						content: '';
						width: 2.73rem;
						height: 4.2rem;
						opacity: 0;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						display: inline-block;
						border: 1px solid #FFFFFF;
					}
				}
			}
			.text{
				position: absolute;
				top: 50%;
				left: 50%;
				color: #ffffff;
				text-align: center;
				transform: translate(-50%,-50%);
				line-height: 0.22rem;
				h3{
					font-size: 0.2rem;
					font-weight: bold;
				}
				p{
					font-size: 0.14rem;
					font-weight: bold;
				}
				&::after{
					@include transition(.5s);
					@include color-block(.33rem,.02rem,#ffffff);
				}
			}
			&.swiper-slide-active,&.on{
				.mask::after{
					opacity: 1;
				}
				.text{
					&::after{
						background-color: $tea;
					}
				}
			}
		}
	}
}


// ifeature
.ifeature{
	padding-top: 0.2rem;
	background: url('../images/index_06.jpg') no-repeat center;
	.itit{
		h2,p{
			color: #FFFFFF;
		}
	}
	.list{
		width: 50%;
		margin: 0.4rem 0;
		float: left;
		display: inline-block;
		position: relative;
		.img{
			margin: 0 auto;
			width: 1.2rem;
			height: 1.2rem;
			position: relative;
			border-radius: 50%;
			border: 1px solid #FFFFFF;
			text-align: center;
			line-height: 1.2rem;
			img{
				&:nth-of-type(1){
					vertical-align: middle;
					opacity: 1;
				}
			}
		}
		.text{
			color: #FFFFFF;
			margin-top: 0.31rem;
			text-align: center;
			h3{
				font-size: 0.24rem;
				line-height: 0.3rem;
				font-weight: bold;
			}
			p{
				font-size: 0.16rem;
				line-height: 0.3rem;
				margin: 0.02rem 0 0.15rem;
			}
			div{
				font-size: 0.16rem;
				line-height: 0.24rem;
				opacity: .64;
				width: 40%;
				text-transform: uppercase;
				font-family: 'Cambria';
				margin: 0 auto 0.25rem;
			}
		}
		&::after{
			bottom: 0;
			left: 50%;
			position: absolute;
			transform: translateX(-50%);
			@include transition(.5s);
			@include color-block(.24rem,.03rem,#ffffff);
		}
	}
}



.ab-main{
	background-color: #f8f8f8;
}

.iab,.ab-main{
	.img-box{
		width: 6.4rem;
		height: 3.17rem;
		overflow: hidden;
		img{
			max-width: 4.26rem;
			max-height: 3.17rem;
		}
	}
	
	li{
		float: left;
	}
	.swiper-container{
		padding-top: .64rem;
		background-color: #FFFFFF;
		.swiper-slide{
			
		}
	}
	.list{
		width: 3.8rem;
		position: relative;
		padding: 0.3rem 0 0.2rem 0.08rem;
		border-left: 1px solid #d2d2d2;
		vertical-align: middle;
		margin: .45rem auto .8rem;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		h4{
			vertical-align: top;
			font-size: 0.25rem;
			font-weight: bold;
			text-align: center;
			display: inline-block;
			i{
				font-size: 0.6rem;
				line-height: 0.48rem;
				vertical-align: top;
			}
			span{
				font-size: 0.18rem;
				font-weight: initial;
				vertical-align: bottom;
			}
		}
		.br{
			float: none;
			margin-left: 0.25rem;
			h3{
				font-size: 0.24rem;
				line-height: 0.3rem;
				font-weight: bold;
				margin-bottom: 0.45rem;
			}
			.text-box{
				font-size: 0.18rem;
				line-height: 0.3rem;
				color: #999999;
			}
		}
		&::before{
			left: 0;
			top: 0.57rem;
			position: absolute;
			transform: translateX(-50%);
			@include color-block(.05rem,.46rem,$tea);
		}
	}
	
	.swiper-next,.swiper-prev{
		top: 1.5rem;
		z-index: 1;
		width: 0.45rem;
		height: 0.45rem;
		position: absolute;
		background-size: 0.45rem 0.45rem;
	}
	.swiper-next{
		right: 0.2rem;
		background-image: url('../images/ab-rt.png');
	}
	.swiper-prev{
		left: 0.2rem;
		background-image: url('../images/ab-lt.png');
	}
}



.iab{
	.swiper-container{
		padding-top: 0;
	}
}




.ibrand{
	padding-bottom: 0.6rem;
	background-color: #f5f5f5;
	.itit{
		text-align: left;
		position: relative;
		text-indent: 0.7rem;
		&::before{
			left: 0.3rem;
			position: absolute;
			@include color-block(.06rem,.8rem,$tea);
		}
		h2{
			margin-bottom: 0.07rem;
			font-size: 0.36rem;
		}
	}
	
	.img-box{
		width: 100%;
		height: 4rem;
		overflow: hidden;
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	
	a.more{
		display: block;
		width: 3.05rem;
		margin: .4rem auto 0;
		font-weight: bold;
		font-size: 0.18rem;
		text-align: center;
		line-height: 0.55rem;
		border: 1px solid #e5e5e5;
		background-color: #FFFFFF;
	}
	
	.list{
		width: 50%;
		float: left;
		margin: 0.3rem 0;
		.img_box{
			width: 0.42rem;
			height: 0.43rem;
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
		.text{
			padding-left: 0.05rem;
			display: table-cell;
			vertical-align: middle;
			h3,p{
				font-size: 0.16rem;
				line-height: 0.24rem;
			}
		}
	}
	.hd,.bd{
		color: #FFFFFF;
	}
	.hd{
		margin-top: 0.5rem;
		li{
			width: 20%;
			float: left;
			padding-top: 0.78rem;
			text-align: center;
			position: relative;
			&::after{
				border-radius: 50%;
				position: absolute;
				top: 0;
				left: 50%;
				transform: translate(-50%);
				@include transition(.5s);
				@include color-block(.17rem,.17rem,#e4e4e4);
			}
			&::before{
				top: 0.17rem;
				left: 50%;
				position: absolute;
				transform: translate(-50%);
				@include transition(.5s);
				@include color-block(.01rem,.48rem,$tea);
				height: 0;
			}
			
			&.on{
				&::after{
					background-color: $tea;
				}
				&::before{
					height: 0.48rem;
				}
			}
		}
	}
	
	.bd{
		margin-top: 0.6rem;
		margin-left: 0.2rem;
		li{
			border:1px solid $tea;
			padding: 0.23rem 0.3rem;
			position: relative;
			&::after{
				position: absolute;
				top: 50%;
				right: 0.4rem;
				transform: translateY(-50%);
				@include icon(.75rem,.79rem,'icon_06.png');
			}
			
			background-position: left .3rem top .20rem;
			background-repeat: no-repeat;
			
			&:nth-of-type(1){
				background-image: url('../images/ibra_1.png');
			}
			&:nth-of-type(2){
				background-image: url('../images/ibra_2.png');
			}
			&:nth-of-type(3){
				background-image: url('../images/ibra_3.png');
			}
			&:nth-of-type(4){
				background-image: url('../images/ibra_4.png');
			}
			&:nth-of-type(5){
				background-image: url('../images/ibra_5.png');
			}
			
		}
		h3{
			color: $tea;
			font-size: 0.24rem;
			line-height: 0.3rem;
			font-weight: bold;
			text-indent: 0.3rem;
			margin-bottom: 0.07rem;
		}
		p{
			font-size: 0.14rem;
			line-height: 0.24rem;
			max-width: 4.6rem;
			@include ellipsis(2);
		}
	}
}



.ijion{
	.swiper-container{
		.swiper-slide{
			vertical-align: top;
			display: inline-block;
			position: relative;
			margin-bottom: 1.42rem;
		}
		.img-box{
			overflow: hidden;
			width: 4.12rem;
			height: 2.78rem;
			img{
				@include transition(.5s);
			}
		}
		.text{
			width: 3.34rem;
			height: 1.94rem;
			background-color: #FFFFFF;
			position: absolute;
			top: 2.2rem;
			left: 50%;
			padding: 0.48rem 0.1rem 0;
			box-shadow: 0 0 0.1rem 0.05rem rgba(#c1c1c1,.39);
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			text-align: center;
			transform: translateX(-50%);
			h3{
				font-size: 0.22rem;
				line-height: 0.2rem;
				margin-bottom: 0.3rem;
				position: relative;
				&::after{
					left: 50%;
					opacity: 0;
					bottom: -100%;
					position: absolute;
					transform: translate(-50%,-50%);
					@include transition(.5s);
					@include color-block(.25rem,.03rem,$tea);
				}
			}
			p{
				font-size: 0.18rem;
				line-height: 0.24rem;
				color: #666666;
			}
		}
	}
}



.inews{
	padding: 0 0 1.84rem;
	background: url('../images/index_28.jpg') no-repeat center;
	.itit{
		h2,p{
			color: #FFFFFF;
		}
	}
	.list-box{
		margin-top: 0.5rem;
	}
	.list{
		color: #dadada;
		font-size: 0.14rem;
		padding: 0.25rem 0.15rem;
		border-bottom: 1px solid #FFFFFF;
		a{
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			&::after{
				text-align: center;
				line-height: 0.65rem;
				content: '>';
				color: $tea;
				font-size: 0.25rem;
				font-family: '宋体';
				font-weight: bold;
				width: 0.65rem;
				height: 0.65rem;
				position: absolute;
				right: .05rem;
				top: 50%;
				transform: translateY(-50%);
				display: inline-block;
				vertical-align: sub;
			}
		}
		&:nth-of-type(1){
			padding: 0.4rem 0.15rem .5rem;
			border-top: 1px solid #FFFFFF;
			.text-box{
				display: table-cell;
				vertical-align: middle;
				max-width: 4.75rem;
			}
			h3{
				font-size: 0.18rem;
				margin-bottom: 0.18rem;
			}
			p{
				font-size: 0.16rem;
				line-height: 0.24rem;
				@include ellipsis(2);
			}
			a::after{
				background: url('../images/icon_01.png') no-repeat center/.65rem;
			}
		}
		&:not(:nth-of-type(1)){
			line-height: 0.3rem;
		}
		h3{
			display: inline-block;
			max-width: 4.75rem;
		}
		
	}
}







// .footer {
// 	background-color: #eeeeee;
// 	.main {
// 		position: relative;
// 	}
// 	.footer1 {
// 		padding: 70px 0 65px 0;
// 	}
// 	.footer2{
// 		color: #FFFFFF;
// 		font-size: 16px;
// 		line-height: 75px;
// 		background-color: #000000;
// 		a{
// 			@include transition(.5s);
// 			&:hover{
// 				color: #FFFFFF - #333;
// 			}
// 		}
// 	}
// 	.footer_text {
// 		float: left;
// 		> p{
// 			color: #4e4e4e;
// 			font-size: 16px;
// 			line-height: 30px;
// 		}
// 		h4 {
// 			font-size: 30px;
// 			font-weight: bold;
// 			color: #333333;
// 			margin: 9px 0 23px;
// 		}
// 		.text-box{
// 			color: #333333;
// 			font-size: 14px;
// 			line-height: 24px;
// 		}
		
// 		.clearfix {
// 			font-size: 14px;
// 			color: #a1a1a1;
// 			line-height: 30px;
// 			&>p {
// 				display: inline-block;
// 				width: 243px;
// 				float: right;
// 			}
// 		}
		
// 	}
// 	.footer_nav {
// 		float: right;
// 		display: inline-block;
// 		dl {
// 			float: left;
// 			width: 170px;
// 			display: inline-block;
// 			dt {
// 				color: #4e4e4e;
// 				font-size: 16px;
// 				font-weight: bold;
// 				line-height: 30px;
// 				padding-bottom: 12px;
// 				margin-bottom: 15px;
// 				position: relative;
// 				&::after{
// 					left: 0;
// 					bottom: 0;
// 					position: absolute;
// 					@include color-block(23px,2px,#000);
// 				}
// 				a{
// 					@include transition(.5s);
// 					&:hover{
// 						text-decoration: underline;
// 					}
// 				}
				
// 			}
// 			dd {
// 				color: #a1a1a1;
// 				font-size: 14px;
// 				line-height: 30px;
// 				a:hover {
// 					text-decoration: underline;
// 				}
// 			}
// 		}
// 	}
	
// 	.bshare-custom{
// 		margin-top: 35px;
// 		a{
// 			float: left;
// 			width: 40px;
// 			height: 40px;
// 			padding-left: 0;
// 			margin-right: 20px;
// 			&:nth-of-type(1){
// 				background: url('../images/icon_wx.png') no-repeat;
// 			}
// 			&:nth-of-type(2){
// 				background: url('../images/icon_qq.png') no-repeat;
// 			}
// 		}
// 	}
// }




.abtit{
	padding: 60px 0;
	text-align: center;
	h2{
		color: #000000;
		font-size: 36px;
		font-weight: bold;
		margin-bottom: 7px;
	}
	p{
		font-size: 16px;
		line-height: 30px;
		color: #666666;
	}
}

.ab-main{
	.main > .text-box{
		color: #333333;
		font-size: 16px;
		line-height: 36px;
		margin-bottom: 70px;
	}
}



.abtit{
	padding: 0.6rem 0;
	text-align: center;
	h2{
		color: #000000;
		font-size: 0.36rem;
		font-weight: bold;
		margin-bottom: 0.07rem;
	}
	p{
		font-size: 0.16rem;
		line-height: 0.3rem;
		color: #666666;
	}
}

.ab-main{
	.main > .text-box{
		color: #333333;
		font-size: 0.16rem;
		line-height: 0.36rem;
		margin-bottom: 0.7rem;
	}
}

.ab-cur{
	padding: 0.15rem 0;
	background: url('../images/about_08.jpg') no-repeat center;
	.abtit{
		h2,p{
			color: #FFFFFF;
		}
	}
	
	
	.list{
		width: 50%;
		float: left;
		height: 3rem;
		margin: 0.35rem 0;
		display: inline-block;
		position: relative;
		.img{
			margin: 0 auto;
			width: 1.2rem;
			height: 1.2rem;
			position: relative;
			border-radius: 50%;
			border: 1px solid #FFFFFF;
			text-align: center;
			line-height: 1.2rem;
			img{
				&:nth-of-type(1){
					vertical-align: middle;
					opacity: 1;
				}
			}
		}
		.text{
			color: #FFFFFF;
			margin-top: 0.31rem;
			text-align: center;
			h3{
				font-size: 0.24rem;
				line-height: 0.3rem;
			}
			p{
				font-size: 0.12rem;
				line-height: 0.3rem;
				margin-bottom: 0.15rem;
			}
			div{
				font-size: 0.16rem;
				line-height: 0.3rem;
			}
		}
		
		&:nth-of-type(1) img{
			width: 0.64rem;
			height: 0.64rem;
		}
		&:nth-of-type(2) img{
			width: 0.48rem;
			height: 0.64rem;
		}
		&:nth-of-type(3) img{
			width: 0.58rem;
			height: 0.48rem;
		}
		&:nth-of-type(4) img{
			width: 0.56rem;
			height: 0.56rem;
		}
	}
}




.ab-honor{
	margin-bottom: 0.9rem;
	.swiper-container{
		.img-box{
			width: 4rem;
			height: 3.65rem;
		}
		p{
			color:#666666;
			margin-top: 0.2rem;
			text-align: center;
		}
		.list{
			width: 4rem;
			padding: 0.6rem 0 0.3rem;
			margin: 0 auto;
			border: 1px solid #eeeeee;
		}
		.honer-prev,.honer-next{
			top: 50%;
			width: 0.58rem;
			height: 0.58rem;
			z-index: 1;
			outline: none;
			cursor: pointer;
			position: absolute;
			transform: translateY(-50%);
			background-size: 0.58rem 0.58rem;
		}
		.honer-prev{
			left: 0rem;
			background-image: url('../images/honer-l.png');
		}
		.honer-next{
			right: 0rem;
			background-image: url('../images/honer-r.png');
		}
	}
}



// .contact{
// 	.bl{
// 		margin-top: 50px;
// 		.text{
// 			font-size: 18px;
// 			line-height: 40px;
// 			margin-bottom: 40px;
// 			padding-bottom: 40px;
// 			border-bottom: 1px solid #dcdcdc;
// 		}
// 		.text-box{
// 			color: #666666;
// 			font-size: 16px;
// 			line-height: 36px;
// 			margin-left: 25px;
// 			display: inline-block;
// 		}
// 	}
	
// 	.br{
// 		input{
// 			height: 46px;
// 			float: left;
// 			text-indent: 20px;
// 			border-radius: 6px;
// 			font-size: 15px;
// 			line-height: 36px;
// 			color: #666666;
// 			font-family: '微软雅黑';
// 			margin: 13px 0;
// 			background-color: #eeeeee;
// 		}
// 		input[name='name']{
// 			margin-right: 37px;
// 		}
// 		textarea{
// 			padding: 10px 20px;
// 			margin: 13px 0;
// 			color: #666666;
// 			font-size: 15px;
// 			line-height: 36px;
// 			border-radius: 6px;
// 			font-family: '微软雅黑';
// 			background-color: #eeeeee;
// 			-webkit-box-sizing: border-box;
// 			-moz-box-sizing: border-box;
// 			box-sizing: border-box;
// 		}
// 		form{
// 			width: 590px;
// 		}
// 		.p1{
// 			width: 100%;
// 		}
// 		.p2{
// 			width: 275px;
// 		}
// 		.p3{
// 			width: 180px;
// 		}
// 		img{
// 			width: 150px;
// 			height: 46px;
// 			margin: 13px 0;
// 			cursor: pointer;
// 			object-fit: contain;
// 		}
// 		button{
// 			border: 0;
// 			width: 100%;
// 			margin: 13px 0;
// 			color: #FFFFFF;
// 			font-size: 15px;
// 			cursor: pointer;
// 			line-height: 46px;
// 			border-radius: 6px;
// 			background-color: $tea;
// 			@include transition(.5s);
// 			&:hover{
// 				color: #FFFFFF - #111111;
// 				background-color: $tea + #111;
// 			}
// 		}
// 	}
	
// }


// .map{
// 	margin: 60px 0 75px;
// }



.newsv,.videov{
	.htit{
		text-align: center;
		margin-bottom: 0.5rem;
		font-size: 0.16rem;
		border-bottom: 1px solid #ECECEC;
		h3{
			color: #505050;
			font-size:0.24rem;
			margin-bottom: 0.12rem;
			text-align: center;
		}
		p{
			color: #898989;
			font-size:0.16rem;
			line-height: 0.18rem;
			display: inline-block;
			margin-bottom: 0.1rem;
			margin-right: 0.2rem;
			&::before{
				margin-right: 0.1rem;
				@include icon(.2rem,.20rem,'icon_07.png');
			}
		}
		.share{
			font-size: 0.14rem;
			text-align: right;
		}
		.bshare-custom{
			display: inline-block;
			line-height: 0.28rem !important;
			a{
				width: 0.28rem;
				height: 0.28rem;
				padding: 0 !important;
				position: unset;
				vertical-align: top;
				display: inline-block;
				margin: 0 0.1rem;
				background: url('../images/icon_08.png') no-repeat center/.18rem .18rem;
			}
		}
	}
}

.newsv{
	padding-top:0.6rem;
	padding-bottom:0.5rem;
	background-color: #f6f6f6;
	.text-box{
		color:#666666;
		font-size:0.16rem;
		line-height:0.3rem;
		padding-bottom: 0.3rem;
	}
}


.view-btn{
	padding: 0.2rem 0;
	font-size: 0.16rem;
	line-height:0.25rem;
	a{
		width: 2rem;
		float: left;
		line-height: 0.56rem;
		text-align: center;
		background-color: #f6f6f6;
		font-size:0.15rem;
		color: #666666;
		display:inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		+ a{
			margin-left: 0.2rem;
		}
		&.home::before{
			margin-right: 0.2rem;
			@include icon(.15rem,.14rem,'ico2.png');
			vertical-align: baseline;
		}
	}
}

.videov{
	padding-top:0.6rem;
	padding-bottom:0.5rem;
	.main{
		padding: 0 0.5rem;
	}
	
	.text-box{
		color:#666666;
		font-size:0.16rem;
		line-height:0.3rem;
		padding-bottom: 0.3rem;
	}
	.video-box,.video-box2{
		width: 100%;
		height: 3.35rem;
		margin: 0 auto;
		video{
			width: 100%;
			height: 100%;
			outline: none;
		}
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		iframe{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
}



